<!--
   照片类型配置
-->
<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head th:include="common/common::confJscss">

</head>

<style>
    #authCodeView {
        height: 150px;
        width: 150px;
    }
</style>
<style>
    .layui-card .layui-form .layui-form-label {
        width: 120px;
    }

    .layui-required:before {
        content: "*\00A0\00A0";
        display: inline-flex;
        color: #ff0000;
    }
</style>
<body>

<!--页面顶层div-->
<div class="layui-fluid">
    <div class="layui-card">
        <div style="padding-top: 40px;padding-bottom: 1%">
            <div class="layui-carousel" id="stepForm" lay-filter="stepForm" style="margin: 0 auto;">
                <hr>
                <div carousel-item>
                    <div>
                        <div class="layui-card" style="height: 100%;overflow-y: scroll;">
                            <form method="POST" action="" class="layui-form" lay-filter="zmn-base-info-form"
                                  id="order_picture_base">
                                <div th:replace="conf/attachment/orderPicture/orderPictureBase::order_picture_base"/>
                                <div class="layui-form-item layui-card-body">
                                    <div class="layui-input-block">
                                        <button class="layui-btn" type="button" lay-submit=""
                                                lay-filter="zmn-base-info-form-submit" id="zmn-base-info-form-submit">
                                            下一步
                                        </button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                    <div>
                        <div class="layui-card" style="height: 100%;overflow-y: scroll;">
                            <form method="POST" action="" class="layui-form" lay-filter="order_picture_channel-form"
                                  id="order_picture_channel">
                                <div class="layui-form layui-margin-t" >
                                    <div th:replace="conf/attachment/orderPicture/orderPictureChannel::order_picture_channel"/>
                                </div>
                                <div class="layui-form-item layui-card-body">
                                    <div class="layui-input-block">
                                        <button class="layui-btn layui-btn-primary pre"
                                                id="order_picture_channel-back">上一步
                                        </button>
                                        <button class="layui-btn" type="button" lay-submit=""
                                                lay-filter="order_picture_channel-submit">下一步
                                        </button>

                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                    <div class="layui-card" style="height: 100%;background-color: #ffffff;overflow-y:scroll;">
                        <form method="POST" action="" class="layui-form" lay-filter="order_picture_city"
                              enctype="multipart/form-data" id="order_picture_city">
                                <div th:replace="conf/attachment/orderPicture/orderPictureCity::order_picture_city"/>
                            <div class="layui-form-item">
                                <div class="layui-input-block">
                                    <button class="layui-btn layui-btn-primary pre"
                                            id="order_picture_city-back">上一步
                                    </button>
                                    <button class="layui-btn" type="button" lay-submit=""
                                            lay-filter="order_picture_city-submit">下一步
                                    </button>
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="layui-card" style="height: 100%;background-color: #ffffff;overflow-y: scroll;">
                        <form method="POST" action="" class="layui-form" lay-filter="order_picture_product"
                              enctype="multipart/form-data" id="order_picture_product">
                            <div th:replace="conf/attachment/orderPicture/orderPictureProduct::order_picture_product"/>
                            <div class="layui-form-item">
                                <div class="layui-input-block">
                                    <button class="layui-btn layui-btn-primary pre"
                                            id="order_picture_product-back">上一步
                                    </button>
                                    <button class="layui-btn" lay-submit="" type="button"
                                            lay-filter="order_picture_product-submit"
                                            id="order_picture_product-submit">完成
                                    </button>

                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript" charset="utf-8" src="/static/ueditor/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="/static/ueditor/ueditor.all.js"></script>
<!--建议手动加在语言，避免在ie下有时因为加载语言失败导致编辑器加载失败-->
<!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型，比如你在配置项目里配置的是英文，这里加载的中文，那最后就是中文-->
<script type="text/javascript" charset="utf-8" src="/static/ueditor/lang/zh-cn/zh-cn.js"></script>
<link rel="stylesheet" href="/static/js/module/step/step.css">
<link rel="stylesheet" th:href="${ZMN_URL_ENV}+'res.xiujiadian.com/static/lay/style/admin.css?v=202203030011'">
<script src="/static/js/module/step/step.js"></script>
<script type="text/javascript" th:inline="javascript">
    let toolbars = [
        ['fullscreen', 'source', 'undo', 'redo'],
        ['simpleupload', 'insertimage', 'snapscreen', 'bold', 'italic', 'underline', 'fontborder', 'strikethrough', 'superscript', 'subscript', 'removeformat', 'formatmatch', 'autotypeset', 'blockquote', 'pasteplain', '|', 'forecolor', 'backcolor', 'insertorderedlist', 'insertunorderedlist', 'selectall', 'cleardoc', 'fontsize']
    ];
    let detailDescriptionUe = UE.getEditor('detailDescription', {
        initialFrameHeight: 200,
        initialFrameWidth: 600,
        maximumWords: 5000,
        autoHeightEnabled: false,
        toolbars: toolbars
    });

    UE.Editor.prototype._bkGetActionUrl = UE.Editor.prototype.getActionUrl;
    UE.Editor.prototype.getActionUrl = function (action) {
        // 这里很重要，很重要，很重要，要和配置中的imageActionName值一样
        if (action == 'uploadimage') {
            // 这里调用后端我们写的图片上传接口
            return '/oms/uploaderImage/ueditor';
        } else {
            return this._bkGetActionUrl.call(this, action);
        }
    }
    //对编辑器的操作最好在编辑器ready之后再做
    detailDescriptionUe.ready(function () {
        // 向富文本框回显后台返回的内容
        detailDescriptionUe.execCommand('insertHtml', [[${dto.detailDescription}]]);
    });
</script>

<script type="text/javascript" th:inline="javascript">
    let json = {
        pageSize: 50,
        param: [[${dto}]],
        listChannel: [[${listChannel}]],
        listCity: [[${listCity}]],
        proviceSelectedCitiesNumber: [[${proviceSelectedCitiesNumber}]],
        proviceAllCitiesNumber: [[${proviceAllCitiesNumber}]],
        limitCity: [[${limitCity}]],
        servCategIds: [[${servCategIds}]],
        categOneIds: [[${categOneIds}]],
        categIds: [[${categIds}]],
        productIds: [[${productIds}]],

    }
    layui.config({
        base: "/static/js/module/",
        version: 20220601011110111,
    }).extend({
        oms_conf_attachment_orderPicture_new_detail: "conf/attachment/orderPicture/zmn.oms.conf.orderPicture.newDetail",
        step: 'step/step',
        oms_conf_attachment_orderPicture_channel: "conf/attachment/orderPicture/zmn.oms.conf.orderPicture.channel",
    }).use(['oms_conf_attachment_orderPicture_new_detail', "oms_conf_attachment_orderPicture_channel"]);
</script>

</body>
</html>